.head {
  display: flex;
  justify-content: space-around;
  padding-top: 18px;
  box-sizing: border-box;
}
.head p {
  margin-top: 20px;
  font-size: 14px;
  color: #8e8e8e;
}
.head p a {
  color: #00b7ff;
}

body,
html {
  width: 100%;
  height: 100%;
}

.main {
  width: 100%;
  height: 100%;
  background: #f3f5f8;
  padding-top: 78px;
  box-sizing: border-box;
}
.model {
  background: #fff;
  width: 1000px;
  height: 600px;
  margin: auto;
  padding: 46px 0;
  padding-left: 286px;
  padding-right: 98px;
  box-sizing: border-box;
  color: #000;
}
.model h2 {
  margin-top: 18px;
  margin-bottom: 12px;
}
.gift {
  background: #ed510a;
  border-radius: 5px;
  height: 34px;
  padding-left: 40px;
  box-sizing: border-box;
  line-height: 34px;
  color: #fff;
  margin-bottom: 26px;
  width: 428px;
}
.gift img {
  margin-top: -2px;
}

.model input {
  width: 428px;
  line-height: 40px;
  padding: 0 16px;
  box-sizing: border-box;
  border: 1px solid #c5c5c5;
  padding-right: 36px;
}
.prompt {
  position: relative;
  margin-bottom: 26px;
}
.model .prompt-img {
  display: inline-block;
  background: url(../imgs/loginIcon.png) no-repeat;
  background-position-x: -25px;
  background-position-y: -32px;
  width: 20px;
  height: 27px;
  position: absolute;
  top: -60px;
  left: 428px;
}
.prompt-p {
  font-size: 12px;
  color: red;
  position: absolute;
  left: 452px;
  top: -56px;
}
.prompt img{
    position: absolute;
    right: 198px;
    display: none;
    top: 14px;
}
.phone img{
    position: absolute;
    right: 308px;
    top: 14px;
    display: none;
}
.phone {
  position: relative;
  margin-bottom: 26px;
}
.phone-img {
  display: inline-block;
  background: url(../imgs/loginIcon.png) no-repeat;
  background-position-x: -25px;
  background-position-y: -32px;
  width: 20px;
  height: 27px;
  position: absolute;
  top: -58px;
  left: 430px;
}
.phone-p {
  font-size: 12px;
  color: red;
  position: absolute;
  left: 452px;
  top: -54px;
}

.phone input{
    width: 321px;
}
.phone button{
    background: #f3f5f8;
    border: 1px solid #c5c5c5;
    padding:0 20px;
    height: 42px;
    position: absolute;
    left: 320px;
}
.model .check{
    color: #a3a3a3;
}

.model .check a{
    color: #00bdff;
}

.model .check input{
    width: 14px;
    height: 14px;
    position: relative;
    top: 2px;
    margin-right: 6px;
}
.register{
    padding: 17px 186px;
    background: #e0e0e0;
    border: none;
    margin-top: 30px;
    color: #000;
    cursor: pointer;
}

.one,
.two,.three,
.four{
    display: none;
    position: relative;
}


/* 边框 */
.model .bor{
  border: 1px solid #00b7ff;
}

